<div class="overlay" *ngIf="showPrompt">
<mat-card class="modalDialog">
  <mat-toolbar color="primary"><span>{{title}}</span></mat-toolbar>
  <mat-card-content>
    <br>{{template}}<br><br>
    <mat-form-field class="full-width">
      <input matInput [placeholder]="placeholder" [disabled]="valueReadonly"
             [(ngModel)]="value"
               (keyup.enter)="emitValue(value)"
               (keyup.escape)="emitValue(null)"/>
    </mat-form-field>
  </mat-card-content>
  <mat-card-actions class="center">
    <button mat-button (click)="emitValue(null)" color="primary">{{cancelText}}</button>
    <button mat-button (click)="emitValue(value)" color="primary">{{okText}}</button>
  </mat-card-actions>
</mat-card>
</div>

